﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SiteJN.Master" AutoEventWireup="true" CodeBehind="Listcbd.aspx.cs" Inherits="jnagr.Web.weatherinfo.Listcbd" %>

<%@ Register Src="~/Controls/checkright.ascx" TagPrefix="uc1" TagName="checkright" %>
<%@ Register Src="~/Controls/spet.ascx" TagPrefix="uc1" TagName="spet" %>
<%@ Register Src="~/Controls/copyright.ascx" TagPrefix="uc1" TagName="copyright" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        var sprovince = "";
        var scity = "";
        var scounty = "";
        var areas = "";
        var se = "";
        var sebm = "";
        var getdata = "";
        var level;
        var markerClusterer;
        var markers = [];
        var devid;
        var uid = '';
        var qh = '';
        var map;
        var data_info;
        var opts;
        var dtOpstart;
        var dtOpend;
        var pt;
        var iscollect;
        
        
        $(function () {
            curmenu('成虫动态');
            $.ajax({
                type: "post",
                dataType: "json",
                url: "../admin/getinfo.ashx?action=level",
                success: function aa(data) {
                    sprovince = data[0].province;
                    scity = data[0].city;
                    scounty = data[0].county;
                    InitTree();
                    InitMap();
                }
            });
            $("#tab").tabs({
                onSelect: function (title, index) {
                    if (index == '2')
                    {
                        hz();
                    }
                }
            });

        });
        
        function InitMapmark() {
            $('#win').datagrid({
                //title: '测报点列表', //表格标题
                url: '../devinfo/GetDev.ashx', //请求数据的页面
                sortName: 'mname', //排序字段
                idField: 'mid', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '95%', //宽度
                height: '95%', //高度
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[
	                { title: '测报站名', field: 'mname', width: 80, sortable: true }
                ]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "querydev", "dtype": "CBD" },
                pageNumber: 1, //默认索引页
                pageSize: 500, //默认一页数据条数
                rownumbers: true, //行号
                pageList: [10, 20, 50, 200, 500],
                pagination: false, //是否开启分页                
                onLoadSuccess: function (data) {
                    data_info = [];
                    getdata = data;
                    map.clearOverlays();
                    $.each(data.rows, function (k, v) {
                        data_info.push({ "lng": v["mjd"], "lat": v["mwd"], "mlevel": v["DevType"], "mname": v["devname"], "madd": v["DevLocation"], "mpic": v["mpic"], "devid": v["DevID"] });
                    });
                    var mlevel;
                    var marker;
                    var ptt = "";
                    if (markers.length > 0) {
                        if (markerClusterer != null) {
                            markerClusterer.removeMarkers(markers);
                            markerClusterer = null;
                        }
                        markers = [];
                    }
                    for (var i = 0; i < data_info.length; i++) {
                        mlevel = data_info[i].mlevel;
                        ptt = new BMap.Point(data_info[i].lng, data_info[i].lat);
                        if (mlevel == 'CBD')
                            marker = new BMap.Marker(ptt, { icon: icon4 });
                        else if (mlevel == 'YBQ')
                            marker = new BMap.Marker(ptt, { icon: icon3 });
                        else if (mlevel == 'XQH')
                            marker = new BMap.Marker(ptt, { icon: icon2 });
                        else
                            marker = new BMap.Marker(ptt, { icon: icon1 });

                        var did = data_info[i].devid;                        
                        map.addOverlay(marker);                       
                        label = new BMap.Label(data_info[i].mname, { offset: new BMap.Size(20, -10) });
                        marker.setLabel(label);
                        markers.push(marker);
                        addClickHandler(did, marker);
                    }
                    if (markers.length > 0)
                        markerClusterer = new BMapLib.MarkerClusterer(map, { markers: markers });//对地图扩大缩小后会都所有的点全显示出来。
                    if (scounty != "")
                        map.centerAndZoom(scounty, 12);
                    else if (scity != "")
                        map.centerAndZoom(scity, 10);
                    else if (sprovince != "")
                        map.centerAndZoom(sprovince, 8);
                    else
                        map.centerAndZoom("西安", 5);
                    if (areas != "")
                        getBoundary(areas);
                    renderstation();
                }
            });
        }
        function addClickHandler(did, marker) {
            marker.addEventListener("click", function (e) {
                showawsinfectInfo(did);
            }
            );
        }
        function InitTree() {
            $('#pt').tree({
                width: '100%', //宽度 
                lines: true,
                //data: provincetree,   
                url: '../areainfo/GetArea.ashx', //请求数据的页面 
                method: 'post',
                queryParams: { "action": "querymyareauser" },
                onBeforeExpand: function (node) {
                    $("#pt").tree("options").queryParams = { "action": "queryyb" };
                    $('#pt').tree('options').url = "../areainfo/GetArea.ashx?pid=" + node.id;
                },
                onClick: function (node) {
                    if (node.text != "") {
                        sebm = node.bm;
                        //获取地区全称
                        if (sebm == "0")
                            areas = "";
                        else if (sebm.length == 6 && sebm.indexOf("0000")) {
                            areas = node.text;
                        }
                        else {
                            var result = $.ajax({
                                url: "../areainfo/GetArea.ashx?action=queryarea",
                                type: 'post',
                                dataType: 'json',
                                async: false,
                                cache: false
                            }).responseText;
                            areas = result;
                        }
                        reloadgridTree();
                    }

                },
                onLoadSuccess: function (node, param) {

                }
            });
            $('#hzgrid').datagrid({
                title: '成虫动态', //表格标题
                url: '../forestpets/GetPets.ashx', //请求数据的页面
                sortName: 'inputTime', //排序字段
                idField: 'fp_id', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '100%', //宽度
                height: 400,
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[//							                    
                   { title: '区域', field: 'address', width: 150, sortable: true },
                    { title: '虫名', field: 'hname', width: 150 },
                    {
                        title: '成虫总数', field: 'totalUnit', width: 150, formatter: function (value, row, index) {
                            var m = 0, f = 0;
                            if (row.maleNums != "") m = parseInt(row.maleNums);
                            if (row.femaleNums != "") f = parseInt(row.femaleNums);
                            return m + f;
                        }
                    }
                ]
                ],
                toolbar: "#hztoolbar",
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 20, //默认一页数据条数
                rownumbers: true

            });
        }
        function showawsinfectInfo(id) {
            devid = id;
            addTab(devid, 'mycbd.html');
        }

        var phone = 0;
        var chs;
        var mpet = "";
        var mpetv = "";
        var griddata = "";
        var cadd = "";        
        var filterObj = "";
        var add = "";
        var uname = "";
        var qxchs;
       
        function getids(rows) {
            var ids = "";
            for (var i = 0; i < rows.length; i++)
                ids = ids + rows[i].uid + ",";
            if (ids != "")
                ids = ids.substr(0, ids.length - 1);
            return ids;

        }       
        function sendmsg() {
            var rows = $('#suser').datagrid('getSelections');
            if (rows == null || rows.length == 0) {
                $.messager.alert("提示", "请选择要设置的行！", "info");
                return;
            }
            if (rows) {
                $.messager.confirm('提示', '你确定要发送吗？', function (r) {
                    if (r) {
                        var uids = getids(rows);
                        var msg = $('#yjfx').text();
                        var title = "预警提醒";
                        $('#fm').form('submit', {
                            url: "../info/getinfo.ashx?action=adds&title=" + title + "&uid=" + uids + "&infocontent=" + msg,
                            onSubmit: function () {
                                return $(this).form('validate');
                            },
                            success: function (result) {
                                if (result.indexOf("T") == 0) {
                                    $('#dlg').dialog('open').dialog('close');
                                    $.messager.alert("提示", "恭喜您，信息发送成功", "info");
                                }
                                else if ((result.indexOf("F") == 0)) {
                                    $.messager.alert("提示", "发送失败，请重新操作！", "info");
                                    return;
                                }
                                else if ((result.indexOf("L") == 0)) {
                                    $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                                    top.location = '/index.aspx';
                                    return;
                                }
                            }
                        });

                    }
                })
            }

        }

        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
        function InitGird() {
            var h = $("#my1").height();
            var w = $("#my1").width();
            $('#mtgrid').datagrid({
                title: '成虫动态', //表格标题
                url: '../forestpets/GetPets.ashx', //请求数据的页面
                sortName: 'inputTime', //排序字段
                idField: 'fp_id', //标识字段,主键
                iconCls: '', //标题左边的图标
                height: h,
                width: w,
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[//							                    
                   { title: '区域', field: 'address', width: 150, sortable: true },
                    { title: '树种', field: 'pname', width: 150 },
                    { title: '虫名', field: 'hname', width: 150 },
                    { title: '雄虫数量', field: 'maleNums', width: 80 },
                    { title: '雌虫数量', field: 'femaleNums', width: 80 },
                    {
                        title: '性比', field: 's', width: 80, formatter: function (value, row, index) {
                            if (row.maleNums != "" && row.femaleNums != "")
                                return (row.maleNums / row.femaleNums).toFixed(2);
                            else
                                return "";
                        }
                    },
                    {
                        title: '成虫总数', field: 'totalUnit', width: 150, formatter: function (value, row, index) {
                            var m = 0, f = 0;
                            if (row.maleNums != "") m = parseInt(row.maleNums);
                            if (row.femaleNums != "") f = parseInt(row.femaleNums);
                            return m + f;
                        }
                    },
                    { title: '监测人', field: 'uname', width: 200 },
                    { title: '监测点', field: 'mname', width: 150 },
                    {
                        title: '监测时间', field: 'inputTime', width: 200, formatter: function (value, row, index) {
                            if (value != "") {

                                if (value.indexOf("-") != -1)
                                    value = value.replace(/-/g, "/")
                                return new Date(value).pattern("yyyy年M月d日");
                            }
                        }
                    }
                ]
                ],
                rowStyler: function (index, row) {
                    var value = row.happenpro;
                    if (value == '轻度以下') {
                        return 'color:green; font-weight:bold;';
                    }
                    else if (value == '轻度') {
                        return 'color:blue; font-weight:bold;';
                    }
                    else if (value == '中度') {
                        return 'color:#FF00FF; font-weight:bold;';
                    }
                    else if (value == '重度') {
                        return 'color:red; font-weight:bold;';
                    }
                },
                toolbar: "#tab_toolbars",
                queryParams: { "action": "queryd", "ptype": "成虫", "toolsNums": devid, "StartTime": $("#StartTime").datebox("getValue"), "EndTime": $("#EndTime").datebox("getValue") },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 20, //默认一页数据条数
                rownumbers: true,
                onLoadSuccess: function (data) {
                    griddata = data;
                    var max = 0;
                    var min = 0;
                    var sum = 0;
                    var pets = "";
                    var temp = 0;
                    var nums = 0;
                    var maxt = "";
                    var mint = "";
                    var sresult = "";
                    var snum = 0;
                    var result = "";
                    dtOpstart = $('#StartTime').datebox('getValue');
                    dtOpend = $('#EndTime').datebox('getValue');
                    $.each(data.rows, function (k, v) {
                        temp = v["hname"];
                        if (pets.indexOf(temp) == -1) {
                            pets = pets + temp + ",";
                            nums = nums + 1;
                        }
                    });
                    var strs = new Array(); //定义一数组
                    if (pets.length > 0) pets = pets.substr(0, pets.length - 1);
                    strs = pets.split(","); //字符分割 
                    for (i = 0; i < strs.length ; i++) {
                        max = 0;
                        sum = 0;
                        maxt = "";
                        mint = "";
                        snum = 0;
                        sresult = "";

                        if (data.rows.length > 0) min = parseInt(data.rows[0]["maleNums"]) + parseInt(data.rows[0]["femaleNums"]);
                        $.each(data.rows, function (k, v) {
                            if (v["hname"] == strs[i]) {
                                temp = parseInt(v["maleNums"]) + parseInt(v["femaleNums"]);
                                if (temp >= max) { max = temp; maxt = v["inputTime"]; }
                                if (temp <= min) { min = temp; mint = v["inputTime"]; }
                                sum = sum + temp;
                                snum = snum + 1;
                            }
                        });
                        if (snum > 0)
                            sresult = "其中" + strs[i] + "，最大数为：" + max + ",发生日期是：" + maxt + "，最小数为：" + min + "，发生日期是：" + mint + "，平均数为：" + sum / snum + "。";


                        //统计结果
                        result = result + sresult;
                    }
                    if (dtOpstart != "") dtOpstart = dtOpstart + "到";
                    if (dtOpend != "") dtOpstart = dtOpstart + dtOpend;
                    result = dtOpstart + "，" + add + "的用户" + name + "上报的数据中共中害虫" + nums + "种，分别为：" + pets + "。" + result;

                    $('#mmark').val(result);

                }
            });
            Highcharts.setOptions({
                lang: {
                    contextButtonTitle: "图表导出菜单",
                    decimalPoint: ".",
                    downloadJPEG: "下载JPEG图片",
                    downloadPDF: "下载PDF文件",
                    downloadPNG: "下载PNG文件",
                    downloadSVG: "下载SVG文件",
                    drillUpText: "返回 {series.name}",
                    loading: "加载中",
                    months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
                    noData: "没有数据",
                    numericSymbols: ["千", "兆", "G", "T", "P", "E"],
                    printChart: "打印图表",
                    resetZoom: "恢复缩放",
                    resetZoomTitle: "恢复图表",
                    shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                    thousandsSep: ",",
                    weekdays: ["星期一", "星期二", "星期三", "星期三", "星期四", "星期五", "星期六", "星期天"]
                }
            });

        }
        function getQueryParams(queryParams) {
            var StartTime = $("#StartTime").datebox("getValue");
            var EndTime = $("#EndTime").datebox("getValue");
            var idstr = $("#idstr").val();
            var idh = $("#idh").val();
            var otype = $("#otype").val();
            mpet = "";
            queryParams.StartTime = StartTime;
            queryParams.EndTime = EndTime;
            queryParams.idstr = idstr;
            queryParams.idh = idh;
            queryParams.otype = otype;
            queryParams.mypet = mpet;
            queryParams.ptype = "成虫";
            return queryParams;

        }
        //增加查询参数，重新加载表格  
        function reloadgrid() {
            var queryParams = $('#mtgrid').datagrid('options').queryParams;
            getQueryParams(queryParams);
            $('#mtgrid').datagrid('options').queryParams = queryParams;
            $("#mtgrid").datagrid('reload');

        }
       
        function showxc() {            
            year = new Date().getFullYear();
            $('#jd').combobox({
                onSelect: function (newValue, oldValue) {
                    if (newValue.text == '一季度') {
                        $("#StartTime").datebox("setValue", year + "-1-1");
                        $("#EndTime").datebox("setValue", year + "-3-31");
                    }
                    else if (newValue.text == '二季度') {
                        $("#StartTime").datebox("setValue", year + "-4-1");
                        $("#EndTime").datebox("setValue", year + "-6-30");
                    }
                    else if (newValue.text == '三季度') {
                        $("#StartTime").datebox("setValue", year + "-7-1");
                        $("#EndTime").datebox("setValue", year + "-9-30");
                    }
                    else if (newValue.text == '四季度') {
                        $("#StartTime").datebox("setValue", year + "-10-1");
                        $("#EndTime").datebox("setValue", year + "-12-31");
                    }
                    else if (newValue.text == '当天') {
                        var curr_time = new Date();
                        var tc_time = new Date(curr_time.getTime() + 24 * 60 * 60 * 1000);
                        var strDate = curr_time.getFullYear() + "-";
                        strDate += curr_time.getMonth() + 1 + "-";
                        strDate += curr_time.getDate();
                        var strDateend = tc_time.getFullYear() + "-";
                        strDateend += tc_time.getMonth() + 1 + "-";
                        strDateend += tc_time.getDate();
                        $("#StartTime").datebox("setValue", strDate);
                        $("#EndTime").datebox("setValue", strDateend);
                    }
                }
            });
            var curr_time = new Date();
            var tc_time = new Date(curr_time.getTime() + 24 * 60 * 60 * 1000);
            var strDate = curr_time.getFullYear() + "-";
            strDate += curr_time.getMonth() + 1 + "-";
            strDate += curr_time.getDate();
            var strDateend = tc_time.getFullYear() + "-";
            strDateend += tc_time.getMonth() + 1 + "-";
            strDateend += tc_time.getDate();

            $("#StartTime").datebox("setValue", strDate);
            $("#EndTime").datebox("setValue", strDateend);
            InitGird();
            $("#yjfx").panel({
                href: '../html/alarmall.html',
                title: '成虫预警',
                tools: [{ iconCls: 'icon-phone', handler: function () { sendAlarm('虫情预警'); } }],
                onLoad: function () {
                    InitSendUser();
                    $("#btnyj").click(function () {
                        sendAlarm('虫情预警');
                    });
                }

            });
            
        }
        function hz() {
            year = new Date().getFullYear();
            $('#jdhz').combobox({
                onSelect: function (newValue, oldValue) {
                    if (newValue.text == '一季度') {
                        $("#txtstart").datebox("setValue", year + "-1-1");
                        $("#txtend").datebox("setValue", year + "-3-31");
                    }
                    else if (newValue.text == '二季度') {
                        $("#txtstart").datebox("setValue", year + "-4-1");
                        $("#txtend").datebox("setValue", year + "-6-30");
                    }
                    else if (newValue.text == '三季度') {
                        $("#txtstart").datebox("setValue", year + "-7-1");
                        $("#txtend").datebox("setValue", year + "-9-30");
                    }
                    else if (newValue.text == '四季度') {
                        $("#txtstart").datebox("setValue", year + "-10-1");
                        $("#txtend").datebox("setValue", year + "-12-31");
                    }
                    else if (newValue.text == '当天') {
                        var curr_time = new Date();
                        var tc_time = new Date(curr_time.getTime() + 24 * 60 * 60 * 1000);
                        var strDate = curr_time.getFullYear() + "-";
                        strDate += curr_time.getMonth() + 1 + "-";
                        strDate += curr_time.getDate();
                        var strDateend = tc_time.getFullYear() + "-";
                        strDateend += tc_time.getMonth() + 1 + "-";
                        strDateend += tc_time.getDate();
                        $("#txtstart").datebox("setValue", strDate);
                        $("#txtend").datebox("setValue", strDateend);
                    }
                }
            });
            InitGirdHZ();
        }
        function InitGirdHZ() {
            $('#pt1').tree({
                url: '../harmfulinfo/GetHarm.ashx?type=4', //请求数据的页面               
                width: '100%', //宽度                
                lines: true,
                method: 'post',
                checkbox: true,
                queryParams: { "action": "queryth" },
                onCheck: function (node) {
                    reloadgridhz();
                },
                onLoadSuccess: function (node, param) {
                    $('#pt1').tree("collapseAll");
                    var node = $('#pt1').tree("getRoot");
                    if (node)
                        $('#pt1').tree("expand", node.target);
                }
            });
            $('#hzgrid').datagrid({
                title: '虫情动态_虫害', //表格标题
                url: '../forestpets/GetPets.ashx', //请求数据的页面
                sortName: 'inputTime', //排序字段
                idField: 'fp_id', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '100%', //宽度
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[
                    { title: '区域', field: 'address', width: 150, sortable: true },
                    { title: '虫名', field: 'hname', width: 150 },
                    { title: '雄虫数量', field: 'maleNums', width: 80 },
                    { title: '雌虫数量', field: 'femaleNums', width: 80 },
                    {
                        title: '性比', field: 's', width: 60, formatter: function (value, row, index) {
                            if (row.maleNums != "" && row.femaleNums != "")
                                return row.maleNums + '/' + row.femaleNums;
                            else
                                return "";
                        }
                    },
                    {
                        title: '成虫总数', field: 'totalUnit', width: 80, formatter: function (value, row, index) {
                            var m = 0, f = 0;
                            if (row.maleNums != "") m = parseInt(row.maleNums);
                            if (row.femaleNums != "") f = parseInt(row.femaleNums);
                            return m + f;
                        }
                    }
                ]],
                rowStyler: function (index, row) {
                    var value = row.happenpro;
                    if (value == '轻度以下') {
                        return 'color:green; font-weight:bold;';
                    }
                    else if (value == '轻度') {
                        return 'color:blue; font-weight:bold;';
                    }
                    else if (value == '中度') {
                        return 'color:#FF00FF; font-weight:bold;';
                    }
                    else if (value == '重度') {
                        return 'color:red; font-weight:bold;';
                    }
                },
                onLoadSuccess: function (data) {
                    if (iscollect != "") {
                        var chs = "";
                        var pets = "";
                        var hnodes = $('#pt1').tree('getChecked');
                        if (hnodes.length != 0) {
                            chs = gethname(hnodes).split(",");
                        }
                        else {
                            $.each(data.rows, function (k, v) {
                                temp = v["hname"];
                                if (pets.indexOf(temp) == -1) {
                                    pets = pets + temp + ",";
                                }
                            });
                            if (pets.length > 0) pets = pets.substr(0, pets.length - 1);
                            chs = pets.split(",");;
                        }
                        if (chs.length > 0) {
                            WChartJS.init(chs);
                            var n = chs.length;
                            var t1 = "";
                            for (var i = 0; i < n; i++) {
                                t1 = "";
                                var fmc = "";
                                $.each(data.rows, function (k, v) {
                                    if (v["hname"] == chs[i]) {
                                        md = v["inputTime"];
                                        md = md.replace(/-/g, "/");
                                        md = Date.parse(md);
                                        fmc = parseInt(v["femaleNums"]) + parseInt(v["maleNums"]);
                                        t1 = "[" + md + "," + fmc + "]," + t1;
                                    }

                                });
                                t1 = "[" + t1 + "]";
                                wchartInstance.series[i].setData(eval(t1));
                            }
                        }


                    }

                },
                toolbar: "#tab_toolbar",
                queryParams: { "action": "queryhc" },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 20, //默认一页数据条数
                pageList: [10, 20, 50, 200, 500, 1000],
                rownumbers: true //行号
            });
        }
        function gethname(nodes) {
            var ids = "";
            for (var i = 0; i < nodes.length; i++)
                ids = ids + nodes[i].text + ",";
            if (ids != "")
                ids = ids.substr(0, ids.length - 1);
            return ids;

        }
        var wchartInstance;
        var WChartJS = {
            init: function (chs) {
                var s = "[";
                $.each(chs, function () {
                    s = s + "{name:'" + this + "',data:[]},";
                });
                s = s.substr(0, s.length - 1);
                s = s + "]";
                wchartInstance = new Highcharts.Chart({
                    chart: {
                        renderTo: 'chartAreahz',
                        type: 'line'
                    },
                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: true
                    },
                    title: {
                        text: '',
                        x: -20 //center
                    },
                    xAxis: {
                        type: 'datetime',
                        labels: {
                            step: 1,
                            formatter: function () {
                                return new Date(this.value).toLocaleDateString();
                            }
                        }
                    },
                    yAxis: {
                        title: {
                            text: '数值'
                        },
                        plotLines: [{
                            value: 0,
                            width: 1,
                            color: '#808080'
                        }]
                    },
                    tooltip: {
                        formatter: function () {
                            return '<b>' + this.series.name + '：</b>' + this.y + '<br/> <b>时间：</b>' + new Date(this.x).toLocaleString();
                        }

                    },
                    legend: {
                        //layout: 'vertical',
                        align: 'center',
                        verticalAlign: 'top',
                        borderWidth: 0
                    },
                    series: eval(s)
                });
            }
        };
        function getids(nodes) {
            var ids = "";
            for (var i = 0; i < nodes.length; i++)
                ids = ids + nodes[i].id + ",";
            if (ids != "")
                ids = ids.substr(0, ids.length - 1);
            return ids;

        }
        function getQueryParamshz(queryParams) {
            var StartTime = $("#txtstart").datebox("getValue");
            var EndTime = $("#txtend").datebox("getValue");           
            var hnodes = $('#pt1').tree('getChecked');
            var jg = $("#jg").combobox('getValue');
            
            queryParams.sebm =sebm;
            
            if (hnodes.length != 0) {
                var idh = getids(hnodes);
                queryParams.idh = idh;
            }
            else {
                queryParams.idh = "";
            }
            var pids = getids(hnodes);
            
            queryParams.StartTime = StartTime;
            queryParams.EndTime = EndTime;
            queryParams.jg = jg;
            return queryParams;

        }
        //增加查询参数，重新加载表格  
        function reloadgridhz(t) {
            var queryParams = $('#hzgrid').datagrid('options').queryParams;
            getQueryParamshz(queryParams);
            if (t == "1") {
                queryParams.action = "queryhcc";
                iscollect = "yes";
                $('#tt').datagrid({ pageSize: 1000 });
            }
            else {
                queryParams.action = "queryhc";
                iscollect = "";
            }
            $('#hzgrid').datagrid('options').queryParams = queryParams;
            $("#hzgrid").datagrid('reload');

        }
    </script>
     <script id="tmpstations" type="text/html">
        {{each rows as value index}}
        <div class="stations">
            <div class="level1Div" onclick="showawsinfectInfo('{{value.DevID}}')">
                <div class="levelsb">{{value.devname}}</div>
                <div class="leveltime">时间：{{value.mdatetime}} 已运行{{value.days}}天</div>
                <div class="levelbottom">
                    <div class="levelpet">{{value.updata}}<br />{{value.updateTime}}</div>
                   
                </div>
            </div>
        </div>
        {{/each}} 
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="mainDiv">
        <uc1:checkright runat="server" ID="checkright" />
        <uc1:spet runat="server" ID="spet" />
        <div>
            <div id="contentDiv">
                <div class="mypt">
                    <ul id="pt"></ul>
                </div>
                <div id="mycontent">
                    <div id="tab" class="easyui-tabs">
                        <div title="GSI" style="padding: 5px;">

                            <div style="position: relative;">
                            <div id="mymap"></div>
                            <div id="Maptype" style="height: 87px; width: 130px; position: absolute; float: left; margin-left: 850px; top: 50px; z-index: 99; color: Black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;">
                                <input id="CBstationname" onclick="ShowstationName('checkbox')" checked="checked" style="float: left; margin-left: 10px;"
                                    type="checkbox" />
                                <label onclick="ShowstationName('label')" style="height: 20px; width: 100px; float: left; text-align: left; font-size: 13px; font-family: 宋体; font-weight: bold; margin-top: 3px; cursor: pointer;">
                                    显示名称</label>
                            </div>
                        </div>


                        </div>
                        <div title="设备列表" style="overflow: auto; padding: 5px;">
                            <div id="mystations"></div>
                        </div>
                        <div title="汇总" style="padding:1px;" >

                            <div id="hz" class="easyui-layout" data-options="fit:true">
                            <div region="west" split="true" style="width: 200px;" id="west">
                               <%-- <div data-options="region:'center'" style="overflow-y: auto">--%>
                                    <ul id="pt1"></ul>
                                <%--</div>--%>

                            </div>
                            <div region="center" style="background: #eee; overflow-y: hidden">
                                <div class="easyui-layout" data-options="fit:true">
                                    <div data-options="region:'center'">
                                        <table id="hzgrid">
                                        </table>
                                    </div>
                                    <div id="chartAreahz" data-options="region:'south',split:true" style="height: 200px;"></div>
                                </div>
                            </div>
                            <div id="hztoolbar" style="padding: 4px;">
                                <table cellpadding="0" cellspacing="0" style="width: 100%">
                                    <tr>
                                        <td style="padding-left: 2px">
                                            <div>
                                                时间从:  
           <input id="txtstart" class="easyui-datebox" style="width: 100px" />
                                                到:  
           <input id="txtend" class="easyui-datebox" style="width: 100px" />
                                                <select id="jdhz" class="easyui-combobox" name="jdhz" style="width: 80px;">
                                                    <option value="季度">季度</option>
                                                    <option value="一季度">一季度</option>
                                                    <option value="二季度">二季度</option>
                                                    <option value="三季度">三季度</option>
                                                    <option value="四季度">四季度</option>
                                                    <option value="当天">当天</option>
                                                </select>
                                                <select id="jg" class="easyui-combobox" name="jg" style="width: 80px;">
                                                    <option value="d">按天</option>
                                                    <option value="h">按候</option>
                                                    <option value="x">按旬</option>
                                                    <option value="m">按月</option>
                                                </select>                                               
                                                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="reloadgridhz('0')">查找</a>
                                                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="Export('excel', $('#tt'));">导出</a>
                                                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="reloadgridhz('1')">汇总</a>
                                                <input name="idstr" id="idstr" type="hidden" />
                                                <input name="idh" id="idh" type="hidden" />
                                                <input name="city" id="city" type="hidden" />
                                                <input name="st" id="st" type="hidden" />
                                                <input name="et" id="et" type="hidden" />
                                                <input name="otype" id="otype" type="hidden" />
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        </div>
                    </div>
                </div>
            </div>
            <uc1:copyright runat="server" ID="copyright" />
            
        </div>
    </div>
    
</asp:Content>

